HTML Section Headings क्या होता है
सेक्शन हेडिंग का प्रयोग किसी वेबपेज के टेस्ट को विभिन्न सेक्शन मैं
विभाजित करने के लिए किया जाता है
HTML किसी चीज के लिए हेडिंग के लिए 6 स्तरो को
परिभाषित करता है हेडिंग्स के इन स्तरो को H1से H6
क्रमांक दिया जाता है
इनमें संख्या1, 2, 3, 4... 6 हेडिंग के स्तर को प्रदर्शित करती
है जब वेब पेज पर कोई भी हेडिंग प्रदर्शित होती है
तो उसके साथ संख्या प्रदर्शित नहीं होती है और उस हेडिंग का टेस्ट बेबीज
की साधारण टेस्ट की तुलना में अलग फॉर्मेट में प्रदर्शित होता है
बाई डिफॉल्ट ब्राउजर हेडिंग के विभिन्न स्तरों को एक ही फॉन्ट
में परंतु विभिन्न साइज में प्रदर्शित करता है
जैसे-जैसे हेडिंग का स्तर घटता जाता है वैसे वैसे उसका
फॉन्ट साइट भी घट जाता है
किसी भी हेडिंग में कुछ शब्द या अनेक लायंस हो भी हो सकती है
लेकिन हेडिंग को जितना छोटा और रहेगा उतना ही अच्छा रहता है
हम एक ही अधिक हेडिंग नेपाल को एक ही लाइन में नहीं प्रदर्शित कर
सकते हैं
HTML Heading के प्रकार
H1 Level Heading
यह डॉक्यूमेंट की सबसे पहली हेडिंग होती है जिससे मेन
हैडिंग कहां जाता है और इसका प्रयोग सिर्फ एक ही बार प्रयोग करना चाहिए
इस हेडिंग में लिखे गए टेस्ट की फॉन्ट साइज सभी हेडिंग से बड़ा
होता है
Example :
<h1> this is a html </h1>
H2 Level Heading
यह हेडिंग h1के बाद प्रयोग किया जाता है इसे सब हेडिंग होती है
इसमें लिखे गए फॉन्ट की साइज h1 जिसमें उनसे छोटा होता है
Example :
<h2> this is a html </h2>
H3 Level Heading
H3 को minor हेडिंग के नाम से जाना जाता है इसका प्रयोग डॉक्यूमेंट
के बीच वाले एडिंग के लिए किया जाता है और इस फॉन्ट की साइज h2 से
छोटा होता है
Example :
<h3> this is a html </h3>
H4 Level Heading
इसका इस्तेमाल किसी बडे Topic को छोटे Sections में बांटने के लिए किया जाता
है.इसे 4th Level Heading कहा जाता है
Example :
<h4> this is a html </h4>
H5 Level Heading
5th Level Heading Content को और Deep Divide करने में सहायक है. इसे H5
Element से Define किया जाता है
Example :
<h5> this is a html </h5>
H6 Level Heading
यह 6th level heading tag हैयह heading normal text के बहुत करीब होती है।यह सबसे कमImportance की Heading होती है
<h6> this is a html </h6>
अब आप HTML Headings के बारे में पूरी जानकारी हो गई है अब हम सभी हेडिंग को मिला कर के code करते है
Example:
<!DOCTYPE html>
<html>
<body>
<h1>This is a html heading code</h1>
<h2>This is a html heading code</h2>
<h3>This is a html heading code</h3>
<h3>This is a html heading code</h3>
<h5>This isa html heading code </h5>
<h6>This is a html heading code</h6>
</body>
</html>
Output:
HTML Heading कलर करना
Heading के अंदर style="color:red" का प्रयोग किया जाता है
Example:
<!DOCTYPE html>
<html>
<body>
<h1 style="color:red">This is a html heading code</h1>
</body>
</html>
Output:
This is a html heading code
Headingमें lines ड्रॉ करना
Headingमें lines ड्रॉ करना के लिए हमने सेटिंग के बादhr टैग का प्रयोग किया जाता है
Example:
<html>
<body>
<h1 style="color:red">This is a html heading code</h1>
<hr>
</body>
</html>
Output: This is a html heading code
About me:नमस्कार दोस्तों मैं Sanjay kumar IT इंजीनियरिंग छात्रों हूँ मुझे उम्मीद है कि आपको मेरी यह लेख जरूर पसंद आई होगी अगर मेरी पोस्ट अच्छा लगे तो प्लीज शेयर और कमेंट करके जरूर बताइएगा I अगर आप IT और CS छात्र हैं तुम्हारे इस पोस्ट को फॉलो करें हम आपको लिए कंप्यूटर प्रोग्रामिंग और कंप्यूटर टेक्नोलॉजी के बारे में पोस्ट शेयर करते हैं I मेरी पोस्ट को पढ़ने के लिए आप सभी को दिल से बहुत-बहुत Thanks
0 टिप्पणियाँ